<!doctype html>
<html lang="cs">
    <head>
        <meta charset="utf-8">
        <title>Radix - free website template</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="author" content="David Kohout & Tomáš Lach - www.tomaslach.cz">
        <link rel="shortcut icon" href="/favicon.ico">
        <link rel="apple-touch-icon" href="/apple-touch-icon.png">
        <link rel="stylesheet" href="css/main.css?v=1.0" media="screen,projection">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script src="js/jquery.mousewheel-3.0.4.pack.js"></script>
        <script src="js/jquery.fancybox-1.3.4.pack.js"></script>
        <script src="js/custom.js"></script>
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
    </head>
    <body>            
        
        <div id="wrap">
            
            <header>            
                <div id="header">   

                    <a id="logo" href="./" title="Radix">Radix</a>

                    <hr> 

                    <nav>
                        <ul>
                            <li class="active"><a href="./" title="Home">Home</a></li>
                            <li><a href="./" title="About Us">About us</a></li>
                            <li><a href="./" title="Work">Work</a></li>                            
                            <li><a href="./" title="Blog">Blog</a></li>
                            <li><a href="./" title="Contact">Contact</a></li>
                        </ul>          
                    </nav>
                    
                    <hr>
                    
                    <p id="icons">
                        <a href="./" class="facebook">Facebook</a>
                        <a href="./" class="twitter">Twitter</a>
                        <a href="./" class="rss">RSS</a>
                    </p>

                </div> <!-- / #header -->

                <hr>

                <div id="intro">
                    
                    <div id="slider">
                        <ul>
                            <li>
                                <div class="padding">
                                    <h1>Lorem ipsum dolor sit amet consectetur</h1>

                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>

                                    <a href="./" class="button" title="Learn more"><span>Learn more</span></a>
                                </div>
                                
                                <div id="image">
                                    <img src="./tmp/ipad.png" alt="Screen">
                                </div>
                            </li>
                            <li>
                                <div class="padding">
                                    <h2>Consectetur adipisicing elit</h2>

                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>

                                    <a href="./" class="button" title="Learn more"><span>Learn more</span></a>
                                </div>
                                
                                <div id="image">
                                    <img src="./tmp/ipad.png" alt="Screen">
                                </div>
                            </li>
                            <li>
                                <div class="padding">
                                    <h2>Tempor incididunt ut labore et dolore magna</h2>

                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>

                                    <a href="./" class="button" title="Learn more"><span>Learn more</span></a>
                                </div>
                                
                                <div id="image">
                                    <img src="./tmp/ipad.png" alt="Screen">
                                </div>
                            </li>
                        </ul>
                    </div>
                    
                    <a href="./" class="prev" title="Prev">Prev</a>
                    <a href="./" class="next" title="Next">Next</a>

                </div> <!-- / #intro -->

                <hr>

                <div id="subIntro">
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor 50% <a href="./" class="more" title="Learn more">Learn more ›</a></p>                    
                </div> <!-- / #subIntro -->
                
            </header>

            <hr>

            <div id="container">           

                <div class="cols clearFix">

                    <div class="col1-3 withIcon icon1">
                        <h2>USB</h2>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
                    </div>

                    <div class="col1-3 withIcon icon2">
                        <h2>Time</h2>
                        <p>Time is a part of the measuring system used to sequence events, to compare the durations of events and the intervals between them, and to quantify rates of change.</p>
                    </div>

                    <div class="col1-3 withIcon icon3">
                        <h2>Camera</h2>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
                    </div>

                </div> <!-- / .cols -->                                

                <hr> 

                <div id="content" class="clearFix">

                    <div class="clearFix">
                        
                        <div class="col1-2">

                            <h2>Something about us</h2>

                            <p class="bold">Suspendisse in turpis urna, nec pellentesque turpis. Aenean vel diam mi, vitae tempor nunc. Sed dignissim, dui egestas vehicula porttitor, augue justo vulputate est, nec egestas quam eros euismod orci.</p>

                            <p>Fusce id libero tortor, nec rhoncus massa. Aliquam erat volutpat. Sed augue arcu, ornare et tristique a, rutrum vel risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In interdum odio nisl, ut rhoncus tellus. Nullam in sodales purus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>

                        </div> <!-- / .col1-2 -->

                        <div class="col1-2">

                            <h2>Recent projects</h2>

                            <p class="gallery clearFix">
                                <a class="photo" href="./tmp/image1.png" rel="gallery"><img src="./tmp/image1.png" alt="empty"></a>
                                <a class="photo" href="./tmp/image2.png" rel="gallery"><img src="./tmp/image2.png" alt="empty"></a>
                                <a class="photo" href="./tmp/image3.png" rel="gallery"><img src="./tmp/image3.png" alt="empty"></a>
                                <a class="photo" href="./tmp/image4.png" rel="gallery"><img src="./tmp/image4.png" alt="empty"></a>
                            </p>

                            <h4>Spotify</h4>

                            <p>Spotify is a digital music service that gives you access to millions of songs. Lorem ipsum dolor sit amet consectetur adipisicing.</p>

                            <a href='/' class="more" title="View project">View project ›</a>

                        </div> <!-- / .col1-2 -->
                    
                    </div> <!-- / .clearFix -->
                    
                    <hr>

                    <div id="twitterBar">
                        <div class="wrap">
                            <span class="icon"></span>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. <a href="./">http://www.google.com</a> <small>2 hours ago</small></p>
                        </div>
                    </div>
                    
                </div> <!-- / #content -->
                   
            </div> <!-- / #content -->        
            
            <hr> 
            
            <footer>
                <div id="footer" class="clearFix">
                        
                    <p class="floatLeft">&copy; 2012 &ndash; <a href="./">Your Name</a>, All rights reserved | Tip: <a href="http://www.grilykrby.cz/">Grily</a> | Free Website Template by <a href="http://templatestar.net" title="Free website templates">Themestar.net</a></p>
                    
                    <p class="floatRight">
                        <a href="./" class="contact">Contact us</a>
                        <a href="./" class="twitter">Follow us on Twitter</a>
                    </p>

               <div class="vlinks">Provided by <a href="http://www.websitetemplates.org">Website Templates</a>
</div>

            </footer>
            
        </div> <!-- / #wrap -->
        
    </body>
</html>
